let ols = document.querySelector('.ols')
let shop_t = document.querySelector('.shop_t')
let nor_t = document.querySelector('.nor_t')
let f_t = document.querySelector('.f_t')

// 凑单品店铺
$('.down').find('.ols').slideUp(0, function () {
    $('.down').css('display', 'block')
    $('.ols').prop('flag', false)
})

shop_t.onclick = function () {
    // 抽屉
    let flag = $('.ols').prop('flag')
    if (flag) {
        $('.ols').slideUp(200).prop('flag', false)
    } else {
        $('.ols').slideDown(200).prop('flag', true)
    }

    fetch('http://chst.vip:1234/api/getgsshop')
        .then(body => body.json())
        .then(res => {
            let el = '';

            res.result.forEach(item => {
                el += `<li>${item.shopName}</li>`
            })
            ols.innerHTML = el
        })

    $('.ols').on('click', 'li', function () {
        console.log($(this))
        $('.shop_t').html($(this).text())
    })

}

// 凑单品区域
nor_t.onclick = function () {
    // 抽屉
    let flag = $('.ols').prop('flag')
    if (flag) {
        $('.ols').slideUp(200).prop('flag', false)
    } else {
        $('.ols').slideDown(200).prop('flag', true)
    }

    fetch('http://chst.vip:1234/api/getgsshoparea')
        .then(body => body.json())
        .then(res => {
            let el = '';

            res.result.forEach(item => {
                el += `<li>${item.areaName}</li>`
            })
            ols.innerHTML = el
        })

    $('.ols').on('click', 'li', function () {
        // console.log($(this))
        let str = $(this).text()
        // console.log(str)
        let ss = str.substr(0, 2)
        // console.log(ss)
        $('.nor_t').html(ss)

    })
}



// 凑单品商品列表
fetch('http://chst.vip:1234/api/getgsproduct?shopid=0&areaid=0')
    .then(body => body.json())
    .then(res => {
        let el = ''

        res.result.forEach(item => {
            el += `<li>
        <div><img
                src="${item.productImg}"
                alt="">
            <p>${item.productName}</p>
        </div>
        <p>${item.productPrice}</p>
    </li>`
        })
        $('.uls').html(el)
    })


// 返回顶部
let toTop = $('.gotop').get(0)
// console.log(toTop)

toTop.onclick = function (e) {
    console.log(123)
    document.documentElement.scrollTop = 0;
}







